<script src="/login/status"></script>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>食客-最具权威的美食推荐网!</title>
    <link rel="shortcut icon" href="assets/img/favicon.ico" />
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/vendors/nprogress/nprogress.css">
</head>

<body>
    <div class="wrapper">
        <div class="topnav">
            <ul id="topNavBox">

            </ul>
        </div>
        <div class="header">
            <h1 class="logo"><a href="index.html"><img src="assets/img/logo.png" alt=""></a></h1>
            <ul class="nav" id="navBox">

            </ul>
            <div class="search">
                <form>
                    <input type="text" class="keys" placeholder="输入关键字">
                    <input type="submit" class="btn" value="搜索">
                </form>
            </div>
        </div>
        <div class="aside">
            <div class="widgets">
                <div class="userInfo">
                    <img class="avatar" src="./assets/img/default.png" />
                    <h4 class="name">未登录，去登录</h4>
                </div>
            </div>
            <div class="widgets">
                <h4>随机推荐</h4>
                <ul class="body random" id="randomBox">

                </ul>
            </div>
            <div class="widgets">
                <h4>最新评论</h4>
                <ul class="body discuz" id="commentBox">

                </ul>
            </div>
        </div>
        <div class="content">
            <div class="panel new">
                <h3 id="categoryTitle"></h3>
                <div id="listBox"></div>

            </div>
        </div>
        <div class="footer">
            <p>© 2021 Diners--The most authoritative food recommendation network！</p>
        </div>
    </div>
    <script src="assets/vendors/jquery/jquery.js"></script>
    <script src="assets/vendors/nprogress/nprogress.js"></script>
    <script src="assets/vendors/art-template/template-web.js"></script>
    <!-- 搜索结果模板 -->
    <script type="text/html" id="searchTpl">
    {{each data}}
    <div class="entry">
        <div class="head">
            <a href="detail.html?id={{$value._id}}">{{$value.title}}</a>
        </div>
        <div class="main">
            <p class="info">{{$value.author.nickName}} 发表于 {{$imports.formateDate($value.createAt)}}</p>
            <p class="brief">
                {{$value.content.substr(0,90)}}
            </p>
            <p class="extra">
                <span class="reading"><i class="fa fa-fire"></i> 热度({{$value.meta.views}})</span>
                <span class="comment"><i class="fa fa-commenting"></i> 评论({{$value.meta.comments}})</span>
                <a href="javascript:;" class="like">
                    <i class="fa fa-heart"></i>
                    <span>喜欢({{$value.meta.likes}})</span>
                </a>
                <a href="javascript:;" class="tags">
                    地区：<span>{{$value.category.title}}</span>
                </a>
            </p>
            <a href="detail.html?id={{$value._id}}" class="thumb">
                <img src="{{$value.thumbnail}}" alt="">
            </a>
        </div>
    </div>
    {{/each}}
    </script>
    <script src="assets/js/public.js"></script>
    <script src="assets/js/search.js"></script>
</body>

</html>